<html>
	<head>
		<meta http-equiv="content-type" content="text/html"; charset="utf-8" />
		<title> Mensch-&Auml;rgere-Dich-Nicht</title>
		<script type="text/javascript" src="/_ah/channel/jsapi"></script>
		<script type="text/javascript" src="/js/jquery-1.8.2.js"></script>
		<script type="text/javascript" src="/js/DOM_pos.js"></script>
		<script type="text/javascript" src="/js/main.js"></script>
		<script type="text/javascript" src="/js/jquery-ui-1.9.1.js"></script>
		<link rel= "stylesheet" type="text/css" href="css/template.css" />
	</head>
	<body onload="start()">
		<h1>Mensch-&Auml;rgere-Dich-Nicht</h1>
		<div id="actions"></div>
		<div id="lobby"></div>
		<div id="game">
			<div class="spiel">
				<div class="hausRot" id="hausred1"></div>
				<div class="hausRot" id="hausred2"></div>
				<div></div>
				<div></div>
				<div class="spielfeld" id="39"></div>
				<div class="spielfeld" id="40"></div>
				<div class="startfeldBlau" id="1"></div>
				<div></div>
				<div></div>
				<div class="hausBlau" id="hausblue1"></div>
				<div class="hausBlau" id="hausblue2"></div>
				
				<div class="hausRot" id="hausred3"></div>
				<div class="hausRot" id="hausred4"></div>
				<div></div>
				<div></div>
				<div class="spielfeld" id="38"></div>
				<div class="zielfeldBlau" id="zielblue1"></div>
				<div class="spielfeld" id="2"></div>
				<div></div>
				<div></div>
				<div class="hausBlau" id="hausblue3"></div>
				<div class="hausBlau" id="hausblue4"></div>
				
				<div id="name0"></div>
				<div></div>
				<div></div>
				<div></div>
				<div class="spielfeld" id="37"></div>
				<div class="zielfeldBlau" id="zielblue2"></div>
				<div class="spielfeld" id="3"></div>
				<div></div>
				<div></div>
				<div id="name1"></div>
				<div></div>
				
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div class="spielfeld" id="36"></div>
				<div class="zielfeldBlau" id="zielblue3"></div>
				<div class="spielfeld" id="4"></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				
				<div class="startfeldRot" id="31"></div>
				<div class="spielfeld" id="32"></div>
				<div class="spielfeld" id="33"></div>
				<div class="spielfeld" id="34"></div>
				<div class="spielfeld" id="35"></div>
				<div class="zielfeldBlau" id="zielblue4"></div>
				<div class="spielfeld" id="5"></div>
				<div class="spielfeld" id="6"></div>
				<div class="spielfeld" id="7"></div>
				<div class="spielfeld" id="8"></div>
				<div class="spielfeld" id="9"></div>
				
				<div class="spielfeld" id="30"></div>
				<div class="zielfeldRot" id="zielred1"></div>
				<div class="zielfeldRot" id="zielred2"></div>
				<div class="zielfeldRot" id="zielred3"></div>
				<div class="zielfeldRot" id="zielred4"></div>
				<div></div>
				<div class="zielfeldGelb" id="zielyellow4"></div>
				<div class="zielfeldGelb" id="zielyellow3"></div>
				<div class="zielfeldGelb" id="zielyellow2"></div>
				<div class="zielfeldGelb" id="zielyellow1"></div>
				<div class="spielfeld" id="10"></div>
				
				<div class="spielfeld" id="29"></div>
				<div class="spielfeld" id="28"></div>
				<div class="spielfeld" id="27"></div>
				<div class="spielfeld" id="26"></div>
				<div class="spielfeld" id="25"></div>
				<div class="zielfeldGruen" id="zielgreen4"></div>
				<div class="spielfeld" id="15"></div>
				<div class="spielfeld" id="14"></div>
				<div class="spielfeld" id="13"></div>
				<div class="spielfeld" id="12"></div>
				<div class="startfeldGelb" id="11"></div>
				
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div class="spielfeld" id="24"></div>
				<div class="zielfeldGruen" id="zielgreen3"></div>
				<div class="spielfeld" id="16"></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				
				<div id="name2"></div>
				<div></div>
				<div></div>
				<div></div>
				<div class="spielfeld" id="23"></div>
				<div class="zielfeldGruen" id="zielgreen2"></div>
				<div class="spielfeld" id="17"></div>
				<div></div>
				<div></div>
				<div id="name3"></div>
				<div></div>
				
				<div class="hausGruen" id="hausgreen1"></div>
				<div class="hausGruen" id="hausgreen2"></div>
				<div></div>
				<div></div>
				<div class="spielfeld" id="22"></div>
				<div class="zielfeldGruen" id="zielgreen1"></div>
				<div class="spielfeld" id="18"></div>
				<div></div>
				<div></div>
				<div class="hausGelb" id="hausyellow1"></div>
				<div class="hausGelb" id="hausyellow2"></div>
				
				<div class="hausGruen" id="hausgreen3"></div>
				<div class="hausGruen" id="hausgreen4"></div>
				<div></div>
				<div></div>
				<div class="startfeldGruen" id="21"></div>
				<div class="spielfeld" id="20"></div>
				<div class="spielfeld" id="19"></div>
				<div></div>
				<div></div>
				<div class="hausGelb" id="hausyellow3"></div>
				<div class="hausGelb" id="hausyellow4"></div>
				<!-- Spielfiguren -->
				<img class="figur" id="Spieler1Fig1" name="Spieler1Fig1" src="images/figures/red.png"/>
				<img class="figur" id="Spieler1Fig2" name="Spieler1Fig2" src="images/figures/red.png"/>
				<img class="figur" id="Spieler1Fig3" name="Spieler1Fig3" src="images/figures/red.png"/>
				<img class="figur" id="Spieler1Fig4" name="Spieler1Fig4" src="images/figures/red.png"/>
			
				<img class="figur" id="Spieler2Fig1" name="Spieler2Fig1" src="images/figures/blue.png"/>
				<img class="figur" id="Spieler2Fig2" name="Spieler2Fig2" src="images/figures/blue.png"/>
				<img class="figur" id="Spieler2Fig3" name="Spieler2Fig3" src="images/figures/blue.png"/>
				<img class="figur" id="Spieler2Fig4" name="Spieler2Fig4" src="images/figures/blue.png"/>
		
				<img class="figur" id="Spieler3Fig1" name="Spieler3Fig1" src="images/figures/green.png"/>
				<img class="figur" id="Spieler3Fig2" name="Spieler3Fig2" src="images/figures/green.png"/>
				<img class="figur" id="Spieler3Fig3" name="Spieler3Fig3" src="images/figures/green.png"/>
				<img class="figur" id="Spieler3Fig4" name="Spieler3Fig4" src="images/figures/green.png"/>
			
				<img class="figur" id="Spieler4Fig1" name="Spieler4Fig1" src="images/figures/yellow.png"/>
				<img class="figur" id="Spieler4Fig2" name="Spieler4Fig2" src="images/figures/yellow.png"/>
				<img class="figur" id="Spieler4Fig3" name="Spieler4Fig3" src="images/figures/yellow.png"/>
				<img class="figur" id="Spieler4Fig4" name="Spieler4Fig4" src="images/figures/yellow.png"/>
				<!-- Namensfelder -->
				<div class="name" id="divName0"></div>
				<div class="name" id="divName1"></div>
				<div class="name" id="divName2"></div>
				<div class="name" id="divName3"></div>
			</div>
			<div class="rechts">
				<h3>Spielaktionen</h3>
				<table>
					<tr>
						<td>Würfel: </td>
						<td></td>
						<td><img id="wuerfelbild" name="wuerfelbild" src="images/dices/1.png" onclick="rolldice()"/></td>
					</tr>
					<tr>
						<td>Aktueller Spieler: </td>
						<td></td>
						<td><img class="spieler" id="spieler" name="spieler" /></td>
					</tr>
				</table>
				<h3>Chat:</h3>
				<textarea name="chatbox" id="chatbox"></textarea><br/>
				<input class="chateingabe" type="text" id="chateingabe" />
				<br />
				<br />
				<p class="copy">
					&copy; 2012 by Sarah Jane Presser, Kai Strübig,<br />Michael Gugel und Patrick Lammers<br />
					<em>Version: 2.0.0 alpha (vom 04.11.2012 15:08)</em> 
				</p>
			</div>
		</div>
	</body>
</html>